@bgColor: #F2F2F2;  // 背景色

*{
    margin: 0px;
    padding: 0px;
}

.OrderExchangeDispose{
    
//筛选查询
.banner-query{
    width: 98%;
    height: 45px;
    background-color: @bgColor;

    p{
        width: 150px;
        line-height: 45px;
        margin-left: 15px;
        font-size: 16px;
        color: #676262;
    }
}

.data-list{
    width: 98%;
    height: 690px;
    // background-color: aqua;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    border: 1px solid @bgColor;
}

.banner-foter{
    width: 96%;
    // background-color: rgb(228, 240, 240);
    margin-top: 15px;

    div{
        width: 96%;
        height: 180px;
        display: flex;
        .banner-left{
            width: 18%;
            height: 100%;

            li{
                width: 100%;
                height: 42px;
                list-style: none;
                border: 1px solid #F2F2F2;
                text-align: center;
                line-height: 42px;
                color: #666666;
                font-size: 14px;
                background-color: #F5FDFF;
            }
        }
        .banner-right{
            width: 82%;
            height: 100%;

            li{
                width: 100%;
                height: 42px;
                list-style: none;
                border: 1px solid #F2F2F2;
                line-height: 42px;
                color: #666666;
                font-size: 14px;

                p{
                    margin-left: 15px;
                }
            }
        }
    }

    .banner-context{
        width: 96%;
        height: 260px;
        display: flex;
        margin-top: 20px;
    }

    .banner-thear{
        width: 96%;
        height: 135px;
        display: flex;
        margin-top: 20px;
    }
}

.banner-input{
    width: 90%;
    height: 85%;
    border: 1px solid @bgColor;
    margin-left: 15px;
    border-radius: 8px;
}

.banner-list-button{
    width: 96%;
    height: 60px;
    
    div{
        width: 100%;
        height: 60px;
        // border: 1px solid red;
        display: flex;
        justify-content: center;

        .button-trunone{
            width: 100px;
            height: 40px;
            border-radius: 5px;
            border: 1px solid #409eff;
            background-color: #409eff;
            cursor: pointer;
            color: #fff;
                &:hover{
                    background-color: #66B1FF;
                }
            }
        }

        .button-del{
            width: 80px;
            height: 35px;
            border-radius: 5px;
            border: 1px solid #67c23a;
            background-color: #e1f3d8;
            color: #67c23a;
            cursor: pointer;
            &:hover{
                background-color: #67C23A;
                color: #fff;
            }
        }

        button{
            margin: 10px 40px;
        }

        .button-trun{
            width: 80px;
            height: 35px;
            border-radius: 5px;
            border: 1px solid #F56C6C;
            background-color: #fde2e2;
            color: #F56C6C;
            margin-right: 20px;
            cursor: pointer;
            &:hover{
                background-color: #F56C6C;
                color: #fff;
            }
        }


    }
}
